<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>岗位列表</title>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<!--全局css-->
		<link href="../../../css/g.css" rel="stylesheet">
		<!--每个文件对应一个css-->
		<link href="station.css" rel="stylesheet">
		<link href="../../../css/sheet.css" rel="stylesheet">
		<script>
			//每个页面必须添加 ，css单位使用rem
			document.documentElement.style.fontSize = window.innerWidth / 7.5 + 'px';
		</script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-plusempty mui-pull-right" id="add-station"></a>
			<a class="mui-icon mui-icon-search mui-pull-right"></a>
			<button class="mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
				岗位管理
			</button>
			<!--操作表-->
			<div id="add-sheet" class="add-sheet">
				<div class="item-sheet" data-index="0">
					发布岗位
				</div>
				<div class="item-sheet" data-index="1">
					添加联系人
				</div>
			</div>
		</header>
		<div class="mui-content">
			<div id="slider" class="mui-slider">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1mobile" id="tab1">
						已上架
					</a>
					<a class="mui-control-item" href="#item2mobile" id="tab2">
						审核中
					</a>
					<a class="mui-control-item" href="#item3mobile" id="tab3">
						已结束
					</a>
				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
				<div class="mui-slider-group" id="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper a-bottom44">
							<div class="mui-scroll" id="view1">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<p class="title font-warp">招聘网络女主播-校园兼职</p>
										<p class="price">400元/天</p>
									</li>
									<li class="mui-table-view-cell">
										<p class="title font-warp">招聘网络女主播-校园兼职</p>
										<p class="price">400元/天</p>
									</li>
									<li class="mui-table-view-cell">
										<p class="title font-warp">招聘网络女主播-校园兼职</p>
										<p class="price">400元/天</p>
									</li>
									<li class="mui-table-view-cell">
										<p class="title font-warp">招聘网络女主播-校园兼职</p>
										<p class="price">400元/天</p>
									</li>
									<li class="mui-table-view-cell">
										<p class="title font-warp">招聘网络女主播-校园兼职</p>
										<p class="price">400元/天</p>
									</li>
									<li class="mui-table-view-cell">
										<p class="title font-warp">招聘网络女主播-校园兼职</p>
										<p class="price">400元/天</p>
									</li>
									<li class="mui-table-view-cell">
										<p class="title font-warp">招聘网络女主播-校园兼职</p>
										<p class="price">400元/天</p>
									</li>
									<li class="mui-table-view-cell">
										<p class="title font-warp">招聘网络女主播-校园兼职</p>
										<p class="price">400元/天</p>
									</li>
									<li class="mui-table-view-cell">
										<p class="title font-warp">招聘网络女主播-校园兼职</p>
										<p class="price ">400元/天</p>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll" id="view2">
								<div class="mui-loading">
									<div class="mui-spinner">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll" id="view3">
								<div class="mui-loading">
									<div class="mui-spinner">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--有用到再引用-->
		<!--接口-->
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/base.js"></script>
		<!--模板-->
		<script src="../../../js/laytpl.js"></script>
		<!--常用方法 dom操作用原生或mui-->
		<script src="../../../js/mq.js"></script>
		<script src="station.js"></script>
		<script>
			mui.init({
				preloadPages: [{
					url: "../release/release.html",
					id: "release"
				},{
					id:"stationDet",
					url:"../stationDet/stationDet.html"
				}]
			});
			//初始化滚动条
			$$.initScroll();
			mui.plusReady(function(){
				//操作列表
				app.showSheet();
				//跳转
				app.router();
			});
		</script>
	</body>

</html>